.index-bg {
	width: 1280px;
	height: 720px;
	background: url(../images/background1.png) no-repeat left top;
}

.index-bg>div>img {
	height: 100%;
	width: 100%;
	transition: all .5s ease;

}

.login-bg {
	display: none;
	position: absolute;
	width: 1280px;
	height: 720px;
	background: rgba(0, 0, 0, 0.5);
	top: 0px;
	left: 0px;
}

.login-img {
	height: 300px;
	width: 300px;
	position: absolute;
	left: 477px;
	top: 180px;
}

.login-msg {
	color: white;
	font-size: 30px;
	position: relative;
	background: #8F8F8F;
	padding: 10px 50px;
	border-radius: 20px;
	text-align: center;
	width: 250px;
	top: 516px;
	margin: 0px auto;
}

.index-bg>div {
	position: absolute;
	width: 227px;
	height: 163px;
	box-sizing: border-box;
	/* border: 3px solid transparent; */
}

.index-bg>div:first-child {
	transform: scale(1.0);
	border-radius: 0px;
	top: 127px;
	left: 60px;
	width: 576px;
	height: 324px;
}

.index-bg>div:nth-child(n+2)  {
	position: absolute;
	width: 178px;
	height: 141px;
}
.index-bg>div:nth-child(n+8)  {
	position: absolute;
	width: 212px;
	height: 170px;
}

.index-bg>div:nth-child(2) {
	width:188px;
	height:215px;
	top: 127px;
	left: 656px;
}

.index-bg>div:nth-child(3) {
	width:147px;
	height:150px;
	top: 127px;
	left: 857px;

}

.index-bg>div:nth-child(4) {
	width:201px;
	height:150px;
	top: 127px;
	left: 1019px;
}

.index-bg>div:nth-child(5) {
	width:188px;
	height:90px;
	top: 360px;
	left: 656px;
}

.index-bg>div:nth-child(6) {
	width:85px;
	height:158px;
	top: 295px;
	left: 854px;
}

.index-bg>div:nth-child(7) {
	width:270px;
	height:159px;
  	top: 292px;
	left: 952px;
}







.index-bg>div:nth-child(8) {
	width:175px;
	height:133px;
	left:60px;
	top:480px;
}

.index-bg>div:nth-child(9) {
	width:175px;
	height:133px;
  	top: 480px;
	left: 294px;
}

.index-bg>div:nth-child(10) {
	width:175px;
	height:133px;
	top: 480px;
	left: 533px;
}

.index-bg>div:nth-child(11) {
	width:175px;
	height:133px;
	top: 480px;
	left: 769px;
}
.index-bg>div:nth-child(12) {
		width:175px;
	height:133px;
	top: 480px;
	left: 1007px;
}

.model {
	box-sizing: border-box;
	border: 4px solid transparent;
	transition: all .5s ease;
}

.active {
	border-radius: 8px;
 	z-index: 10;
	/* transform: scale(1.15); */
}

.active img{
	width: 120% !important;
	height: 120% !important;
	border-radius:10px ;
	margin-top: -10%;
	margin-left: -10%;
}
.runLight{
	width:313px;
	height:22px;
	position:absolute;
	top:656px;
	left:60px;
}

.model:nth-child(8){
	width:175px;
	height:133px;
	float:left;
	z-index:3;
}
.model:nth-child(9){
	width:175px;
	height:133px;
	float:left;
	z-index:3;
}

.model:nth-child(10){
	width:175px;
	height:133px;
	float:left;
	z-index:3;
}
.model:nth-child(11){
	width:175px;
	height:133px;
	float:left;
	z-index:3;
}

.model:nth-child(12){
	width:175px;
	height:133px;
	float:left;
	z-index:3;
}
.bottomBg{
	width:1160px !important;
	height:133px !important;
	left:60px;
	top:480px;
	background-color: #05BAFE;
}
.active{
	box-shadow:0px 0px 8px 5px rgba(0, 0, 0, 0.5) ;

}
.active.model:nth-child(n+8){
	background:#FFCE2D;
}
.titlest{
	display: none;
}
.runLight{
	display:block;
}
